import { createApp } from 'vue'
import { createPinia } from 'pinia'
import App from './App.vue'
import router from './route'
import pinia from "./store"
import ConfirmPlugin from './plugins/vConfirm';
import ToastPlugin from './plugins/vToast';
import PopupPlugin from './plugins/vPopup';
import '@/assets/css/style.less'
import '@/assets/css/iconfont/iconfont.css'
import Highcharts from 'highcharts'
import HighchartsVue from "highcharts-vue";

import 'virtual:uno.css'

import 'element-plus/dist/index.css'
import ElementPlus from 'element-plus'
import zhCn from 'element-plus/es/locale/lang/zh-cn'

Highcharts.setOptions({
    colors: [
        "#b886f9",
        "#5ea4ff",
        "#b9e879",
        "#FAE553",
        "#77C3FD",
        "#E9FA75",
        "#FA7590",
        "#55FADC",
        "#FA7590",
        "#8AC6FF",
    ]
})
const app = createApp(App)
app.use(ElementPlus, {
  locale: zhCn,
})

app.use(router).use(pinia).use(ConfirmPlugin).use(ToastPlugin).use(HighchartsVue, { Highcharts: Highcharts, }).use(PopupPlugin)
app.mount('#app')
